<template>
	<view class="movie">
		<view class="content-title flex flex-center-align">
			<image src="../../static/icos/interest.png" mode=""></image><text>热门预告</text>
		</view>
		<view class="movie-content">
			<video src="http://122.152.205.72:88/superhero/MARVEL/SpiderManHomecoming/trailer.mp4" controls="true" poster="http://122.152.205.72:88/superhero/MARVEL/SpiderManHomecoming/poster.png"></video>
			<video src="http://122.152.205.72:88/superhero/MARVEL/Avengers3/trailer.mp4" controls="true" poster="http://122.152.205.72:88/superhero/MARVEL/Avengers3/poster.png"></video>
		</view>
	</view>
</template>

<script>
	export default {
		name: "homeMovie",
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss" scoped>
	.content-title {
		height: 80upx;

		image {
			width: 32upx;
			height: 32upx;
			margin: 0 20upx;
		}

		text {
			font-size: 32upx;
		}
	}

	.movie-content {
		width: 100%;
		height: 220upx;

		video {
			width: 48%;
			margin: 0 1%;
			height: 220upx;
			opacity: 0.8;

		}
	}
</style>
